<template>
  <div class="father">
    <h3>父组件</h3>
		<h4>我的车子:{{ car }}</h4>
		<h4>儿子发送的手机：{{ phone }}</h4>
		<Child :car="car" :sendPhone="getPhone"/>
  </div>
</template>

<script setup lang="ts" name="Father">
import Child from './Child.vue';
import {ref} from "vue"
// 数据
let car=ref("宝马")
let phone=ref(" ")
// 方法
function getPhone(value:string){
	phone.value=value
}
</script>

<style scoped>
	.father{
		background-color:rgb(165, 164, 164);
		padding: 20px;
		border-radius: 10px;
	}
</style>